@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
a{
    color:#8b8b8b;
}
body{
    background:#f5f5f5;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

#main{
   
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: hidden;

    >#gundong{
            transition:transform 1s ease-in-out;
            // transform: translateY(-3950px);
            >.box1{
                  
                    background: url(../img/pt_bg_02.jpg) no-repeat;
                    height:100vh;
                    overflow:hidden;
                        >.main_banner{
                            width:r(530);
                            margin:0 auto;
                        padding-top:r(216);
                            >img{
                                width:100%;
                            }
                        }//main_banner
                        >.qs{
                            display: flex;
                            display: -webkit-flex;
                            align-items: center;
                            justify-content: center;

                            margin:0 auto;
                            margin-top:r(55);
                            text-align: center;
                            border-radius: r(30);
                            padding:r(15) 0;
                            width:r(502);
                            font-size: r(25);
                            background:#e3e3e3;
                        
                            >span{
                                display:inline-block;
                                width:r(25);
                                height:r(25);
                                border-radius: 50%;
                                background:#fff;
                                border:#b80108 1px solid;
                                margin-right:r(30);
                                
                            }
                            >p{
                                width:r(335);
                            }
                        
                        }
        
                }//box
                >.box2{
                    // background: url(../img/pt_bg_02.jpg) no-repeat;
                    overflow:hidden;
                    height:100vh;
                    display:flex;
                    display:-webkit-flex;
                    flex-direction: column;

                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.icon{
                        // display: flex;
                        // display: -webkit-flex;
                        text-align: center;
                        >section{
                           
                           
                            >.i_mg{
                                margin-top:r(75);
                                margin-left:r(40);
                                margin-right:r(40);
                                display:inline-block;
                                width:r(145);
                                >img{
                                    width:100%;
                                }
                            }
                            >p{
                                margin-top:r(20);
                                margin-left:r(40);
                                margin-right:r(40);
                                text-align: center;
                                width:r(145);
                                display: inline-block;
                                font-size:r(26);
                                color:#B50005;
                            }

                        }
                       
                    }
                    >p{
                        margin-top:r(50);
                        font-size:r(21);
                        text-align: center;
                    }
                 
                }//box2
                >.box3{
                    overflow:hidden;
                    height:100vh;
                    padding:0 r(90);
                  
                    // flex-direction: column; 
                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.box3_box{
                        margin-top:r(10);
                        display:flex;
                        display:-webkit-flex;
                        justify-content: space-around;
                        
                        >.left_pt{
                            width:r(170);
                            >section{
                                    >p{
                                        font-size:r(21);
                                        color:#000;
                                        text-align: center;
                                        line-height: r(30);
                                    }
                                    >.b_yuan{
                                        margin-top:r(25);
                                        position: relative;
                                        width:r(160);
                                        height:r(160);
                                        border-radius: 50%;
                                        background:#fff;
                                        >.dw{
                                            text-align: center;
                                            width:100%;
                                            position: absolute;
                                            top:40%;
                                            left:50%;
                                            transform: translate(-50%,-50%);
                                                >span{
                                                    color:#B50005;
                                                    font-size:r(35);
                                                    font-weight: bold;
                                                }
                                                >p{
                                                
                                                    color:#646464;
                                                    font-size: r(12);  
                                                }
                                        }
                                    }
                                }//section
                               >.mar{
                                   margin-top:r(160);
                               }
                            }//left_pt
                            >.middle_img{
                                margin-top:r(45);
                                width:r(22);
                                >img{
                                    width:100%;
                                }
                            }//middle_img
                            >.right_pt{
                                width:r(170);
                                >section{
                                        margin-top:r(120);
                                        >p{
                                            font-size:r(21);
                                            color:#000;
                                            text-align: center;
                                            line-height: r(30);
                                        }
                                        >.b_yuan{
                                            margin-top:r(25);
                                            position: relative;
                                            width:r(160);
                                            height:r(160);
                                            border-radius: 50%;
                                            background:#fff;
                                            >.dw{
                                                text-align: center;
                                                width:100%;
                                                position: absolute;
                                                top:40%;
                                                left:50%;
                                                transform: translate(-50%,-50%);
                                                    >span{
                                                        color:#B50005;
                                                        font-size:r(35);
                                                        font-weight: bold;
                                                    }
                                                    >p{
                                                    
                                                        color:#646464;
                                                        font-size: r(12);  
                                                    }
                                            }
                                        }
                                    }//section
                                   >.mar{
                                       margin-top:r(160);
                                   }
                            }
                    }//box3_box
                      
                }//box3
                >.box4{
                    overflow:hidden;
                    height:100vh;
                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.map{
                        margin: 0 auto;
                        margin-top:40%;
                        width:90%;
                        height:r(310);
                        position: relative;;
                        >img{width:100%;}
                        .wb_box{
                            position: absolute;;
                            top:50%;
                            transform: translateY(-50%);
                            >p{
    
                                text-align: center;
                                font-size: r(21);
                            }
                            >aside{
                                margin-top:r(40);
                                text-align: center;
                                font-size:r(52);
                                color:#B50005;
                            }
                        }
                       
                    
                    }
                  
                }//box4
                >.box5{
                    overflow:hidden;
                    height:100vh;
                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.box5_img{
                        margin-top:r(25);
                        width:100%;
                        >img{
                            width:100%;
                        }
                       
                    }
                    >p{
                        margin-top:r(53);
                        font-size:r(21);
                        text-align: center;
                        padding:0 r(35);
                        
                    }
                    
                }//box_5
                >.box6{
                    overflow:hidden;
                    height:100vh;
                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.b_jieshao{
                        margin-top:r(70);
                        display: flex;
                        display: -webkit-flex;
                        justify-content: space-around;
                        >.litte_box{
                            display: flex;
                            display: -webkit-flex;
                            align-items: center;
                            >.this_img{
                                width:r(112);
                              
                                >img{
                                    width:100%;
                                }
                            }
                            >aside{
                                margin-left:r(15);
                                >p{
                                    color:#1f1f1f;
                                    font-size:r(16);
                                    margin-bottom:r(30);
                                }
                                >div{
                                    color:#B50005;
                                    font-size:r(21);
                                    font-weight: bold;
                                }
                            }
                        }//litte_box
                      
                    }
                    >.mar_t{
                        margin-top:r(168);
                    }
                    >.bs_txt{
                        text-align: center;
                        font-size:r(21);
                        margin-top:r(150);
                    }
                }//box6
                >.box7{
                    overflow:hidden;
                    height:100vh;
                    position: relative;
                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.b7_txt{
                        margin-top:r(76);
                        text-align: center;
                        color:#1f1f1f;
                        font-size:r(21);
                    }
                    >.mar_7{
                        margin-top:r(70);
                    }
                    >.b7_img{
                        position: absolute;
                        bottom:r(200);
                        width:100%;
                        >img{
                            width:100%;
                        }
                    }
                }//box7
                >.box8{
                    overflow:hidden;
                    height:100vh;
                    position: relative;
                    >.b_daohang{
                        margin-top:r(25);
                       text-align: center;
                        >.yuan_A{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#b50103;
                            margin-right: r(140);
                        }
                        >.yuan_B{
                            display: inline-block;
                            width:r(20);
                            height:r(20);
                            border-radius: 50%;
                            background:#fff;
                            border: #b50103 1px solid;
                        }
                    }
                    >.rl{
                        margin:0 auto;
                        padding-bottom:r(35);
                        background: #fff;
                        margin-top:r(56);
                        width:90%;
                            >.bg8{
                                
                              
                                text-align: center;
                                background:#b50005;
                                color:#fff;
                                font-size: r(21);
                                font-weight: bold;
                                padding:r(19) 0;
                            }
                   
                            >p{
                                color:#1f1f1f;
                                font-size: r(21);
                                font-weight: bold; 
                                text-align: center;
                                margin-top:r(25);      
                            }
                            >ul{
                               
                                margin-top:r(23);
                                margin-bottom:r(20);
                                overflow: hidden;
                                text-overflow:ellipsis;
                                display: -webkit-box;
                                -webkit-line-clamp: 5;
                                color:#6a6a6a;
                                -webkit-box-orient: vertical;
                                >li{
                                    width:100%;
                                    text-align: center;
                                    color:#6a6a6a;
                                    font-size:r(16);
                                    margin-bottom:r(17);
                                    display: inline-block;
                                }
                                >li:before{
                                    display: inline-block;
                                    content: "·";
                                    font-size: r(15);
                                    color: #b50005;
                                    font-weight: bold;
                                    margin-right: r(8);
                                }
                                >.n_style:before{
                                    content: "";
                                }
                            }
                    }//rl
                    >.bottom_yuan{
                        margin:0 auto;
                        margin-top:r(60);
                        text-align: center;
                            >span{
                                display: inline-block;
                                width:r(15);
                                height: r(15);
                                border-radius: 50%;
                                background:#fff;
                                border:#b50005 1px solid;
                                margin:0 r(15);
                            }
                            >span:first-child{
                                background:#b50005;
                            }
                            >span:hover{
                                background:#b50005;
                            }
                    }
                    >aside{
                        margin-top:r(40);
                        text-align: center;
                        font-size:r(21);
                        color:#1f1f1f;
                    }
                   
                }//box8
    }//gundong
}//main
>#x_tubiao{
    margin:0 auto;
   //  margin-top:r(300);
   position: absolute;
   left:50%;
   transform: translateX(-50%);
   bottom:70px;
    width:r(50);
    >img{
        width:100%;
    }
}
}